$(function() {
    $('#btnChooseImg').on('click', function() {
        $('#file').click();
    })
    let file = null;
    $('#file').on('change', function(e) {
        const files = e.target.files;
        // const file = this.files[0];
        if (files.length === 0) {
            // 如果用户点击了选择图片按钮但是没有选择图片,将file值重新赋值为null
            file = null;
            return;
        }
        file = files[0];
        //3. 如果用户选择了图片，则把图片渲染到页面的img标签中
        //3.1 URL.createobjectURL（）函数接收一个文件，返回值是这个文件的URL地址
        const imgUrl = URL.createObjectURL(files[0]);
        $('#image').attr('src', imgUrl);
    })
    console.log(file);
    // 给上传头像按钮监听点击事件
    $('#btnUploadImg').on('click', function() {
        if (!file) {
            layer.msg('请先上传要更换的头像图片!');
            return;
        }
        const fr = new FileReader();
        fr.readAsDataURL(file); //读取到的文件格式是base64
        fr.addEventListener('load', () => {
            // console.log(fr.result);
            axios.patch('/my/update/avatar', { avatar: fr.result }).then(({ data: res }) => {
                if (res.code === 0) {
                    layer.msg('更新头像成功！');
                    window.parent.initUserMsg();
                }
            })
        })
    })




})